<template>
    <div>
        <el-form-item label="" class="choose_projects">
            <div class="text_left" style="color: #333333;font-size: 16px;">
                <span style="color: #ff0000;">注：</span>一人持有多证，每两年参加一次继续教育即可。除以下三种情况相近工种可同时持证外，其他由持证人选择保留一个工种，其余证书做注销处理。请谨慎选择！
                <p>（一）建筑普通脚手架架子工、建筑附着升降脚手架架子工；</p>
                <p>（二）建筑塔式起重机司机、建筑施工升降机司机、建筑物料提升机司机；</p>
                <p>（三）建筑塔式起重机安装拆卸工、建筑施工升降机安装拆卸工、建筑物料提升机安装拆卸工。</p>
            </div>
        </el-form-item>
        <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
            <table class="special_webucation_table" width="100%">
                <thead>
                    <tr>
                        <th width="40px">序号</th>
                        <th width="100px">姓名</th>
                        <th width="220px">身份证号</th>
                        <th>专业（工种）/证书编号</th>
                        <th width="120px">有效日期</th>
                        <th width="90px">勾选专业</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(item,index) in professLists" :key="index">
                        <td width="40px">{{index+1}}</td>
                        <td width="100px">
                            <a target="_blank" :href="item.originalUrl" title="点击查看个人信息">{{item.realName}}</a>
                        </td>
                        <td width="200px">{{item.identityCode}}</td>
                        <td>{{item.certificateName}} / {{item.certificateNumber}}</td>
                        <td width="100px">{{new Date(item.certificateEnddate).Format('yyyy-MM-dd')}}</td>
                        <td width="100px">
                            <el-checkbox :label="item"></el-checkbox>
                        </td>
                    </tr>
                </tbody>
            </table>
        </el-checkbox-group>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                professLists: [],
                checkedCities: [] //存勾选专业
            }
        },
        methods: {
            getCertificates: function() {
                var that = this;
                this.common.post(this.api.getCertificates, {}, function(res) {
                    that.professLists = res.resultMap;
                    that.checkedCities = [];
                });
            },
            handleCheckedCitiesChange: function(val) {
                this.$emit("childByValue", val);
            }
        }
    }
</script>

<style>
    .el-form-item.choose_projects .el-form-item__content{
        margin-left: 0!important;
    }
</style>
